const label = '钱包'
const name = 'DkAppWallet'

export default {
  icon: 'tdesign:work',
  label,
  name,
  count: 1,
  rule() {
    return {
      type: name,
      props: {
        forms: ['wxh', 'zfb', 'zfbskm', 'wxskm'],
        buttonColor: '#F64C2E',
        buttonText: '提交',
        cardStyle: {
          backgroundColor: 'rgba(246, 76, 46, 1)',
          boxShadow: '4px 4px 3px -2px #E7E5E5FF'
        }
      },
      showStyle: true,
      children: [],
      style: {},
      setting: {
        style: {
          paddingLeft: '10px',
          paddingRight: '10px',
          paddingTop: '10px',
          paddingBottom: '10px',
          backgroundColor: 'rgba(255, 255, 255, 1)'
        }
      }
    }
  },
  props() {
    return [
      {
        type: 'ElAlert',
        props: {
          title: '说明',
          description: '当前组件为独立页面，可以作为钱包页面使用，显示用户的账户数据以及资金提现。',
          type: 'error'
        },
        style: {
          marginBottom: '10px'
        }
      },
      { type: 'DkUrlInput', field: 'withdrawUrl', title: '收款配置', value: '', required: true, effect: { help: '请输入收款方式配置地址' } },
      {
        type: 'input',
        props: {
          type: 'textarea',
          rows: 5
        },
        field: 'noUserFormNotice',
        title: '未配置收款说明',
        value: '当前收款内容未完善，请完善后提现！点击确定立刻前往。',
        effect: { help: '如果用户直接点击提现，但是未配置收款方式会有弹窗，请配置提示语' }
      },
      {
        type: 'DkStyleInput',
        field: 'cardStyle',
        title: '卡片样式',
        props: {
          isDrawer: true,
          drawerProps: {
            title: '卡片样式',
            size: '400px',
            zIndex: 100
          },
          hideComponents: ['DkStyleFontInput', 'DkStyleBoxInput']
        }
      }
    ]
  }
}
